.level-count {
	display: flex;
	height: 140px;
	padding-right: 20px;
	.chart {
		width: 7rem;
		margin-left: 2rem;
	}

	.legend {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		padding-left: 0.5rem;

		.item {
			display: flex;
			align-items: center;
			line-height: 1.5rem;
			.black-links {
				background-color: #f04038;
			}

			.broken_links {
				background-color: #faae2c;
			}

			.cryjack {
				background-color: #0ab272;
			}

			.malscan {
				background-color: #faaf2c;
			}
			.icon {
				display: inline-block;
				width: 0.5rem;
				height: 0.5rem;
				margin-right: 0.25rem;
				border-radius: 50%;
			}

			.info {
				display: flex;
				flex: 1;

				.cate {
					width: 80px;
					color: var(--color-text-2);
				}
			}
		}
	}
}
